<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
				<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="myApp">
		 <button type="button" @click="open">弹出模态框</button>
		
		<div v-show="isShow" 
		   style="background-color: #FF0000; width: 500px; height: 300px;">
				
		</div>
			
			
		</div>
	</body>
	<script>
	     new Vue({
			  el:'#myApp',
			  data:{
				 isShow:false
			  },
			  methods:{
				  open:function(){
					  this.isShow=!this.isShow;
				  }
			  }
		 })
	</script>
</html>
